/* 🔥 Art Design Pro 标准浅色主题（默认状态，无类名） */
:root,
html:not(.dark) {
  /* 🎯 核心背景色（清爽明亮） */
  --vilan-bg-primary: 255, 255, 255;      /* 主背景 - 纯白 */
  --vilan-bg-secondary: 249, 250, 251;    /* 次背景 - 浅灰 */
  --vilan-bg-card: 255, 255, 255;         /* 卡片背景 */
  
  /* 🎯 核心文字色（清晰易读） */
  --vilan-text-primary: 17, 24, 39;       /* 主文字 - 深色 */
  --vilan-text-secondary: 107, 114, 128;  /* 次文字 - 中灰 */
  --vilan-text-muted: 156, 163, 175;      /* 弱化文字 */
  
  /* 🎯 核心边框色（和谐自然） */
  --vilan-border: 229, 231, 235;          /* 边框色 */
  --vilan-border-hover: 209, 213, 219;    /* 悬停边框 */
}

/* 🔥 确保 body 和根元素使用浅色背景 */
html:not(.dark),
html:not(.dark) body,
html:not(.dark) #app {
  background-color: rgb(249, 250, 251) !important;
  color: rgb(17, 24, 39) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}